.work_mgr {
    width: 100%;
    padding: 10px 60px;
    overflow: hidden;
    display: none;
}

.all_work {
    width: 100%;
    height: 75%;
    overflow: auto;
}

.send_work, .recv_work, .repair_work, .return_work {
    width: 100%;
    height: 75%;
    overflow: auto;
    display: none;
}

.work_choose {
    width: 100%;
    padding: 0 0 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #888;
    margin-bottom: 25px;
}

.work_choose > ul > li {
    float: left;
    padding: 0 10px;
}

.work_choose > ul > li > button {
    border-radius: 4px 4px 0 0;
}

#work_err {
    float: right;
    margin: 18px 20px 0;
    color: orangered;
    font-size: 13px;
    display: none;
}

.outFirm {
    width: 87%;
    height: 30px;
    border-radius: 4px;
    text-indent: 15px;
    border: 1px solid #555;
}

.out_firm_num {
    height: 30px;
    width: 87%;
    float: right;
    margin-top: -3px;
    text-indent: 10px;
    border-radius: 4px;
}

/* 表格样式 */
/* 用户表格样式 */
.all_work > table, .send_work > table, .recv_work > table, .repair_work > table, .return_work > table {
    border-collapse: collapse; /*统一设置两个table为细线表格*/
}

/*表头 div的第一个子元素**/
.all_work > table.thead, .send_work > table.thead, .recv_work > table.thead, .repair_work > table.thead, .return_work > table.thead {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*表头*/
.all_work > table.thead th, .send_work > table.thead th, .recv_work > table.thead th, .repair_work > table.thead th, .return_work > table.thead th {
    /*border: 1px solid #EB8;*/
    border-right: #eee;
    text-align: center;
    /*color:#fff;*/
    background: Azure;
}

/*能带滚动条的表身*/
/*div的第二个子元素*/
.all_work > div, .send_work > div, .recv_work > div, .repair_work > div, .return_work > div {
    width: 100%;
    height: 95%;
    overflow: auto; /*必需*/
}

/*能带滚动条的表身的正体*/
.all_work table.tbody, .send_work table.tbody, .recv_work table.tbody, .repair_work table.tbody, .return_work table.tbody {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #666;
}

/*能带滚动条的表身的格子*/
.all_work table.tbody td, .send_work table.tbody td, .recv_work table.tbody td, .repair_work table.tbody td, .return_work table.tbody td {
    border: 1px solid #eee;
    padding: 3px 0;
    text-align: center;
    color: black;
}

.change_tab, .del_tab {
    color: #337ab7;
    font-size: 13px;
}

.change_tab:hover, .del_tab:hover {
    cursor: pointer;
    /*去除标签双击选中*/
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

/* 事件操作弹框样式 ============================================================================================ */
.work_send_con {
    display: none;
    overflow: hidden;
}

.work_send_con > .work_send {
    width: 1000px;
    padding: 5px 0 5px 0;
    background: aliceblue;
    /* 设置固定定位，让弹框相对于浏览器窗口来定位，同时可以盖住其他元素 */
    border-radius: 8px;
    position: fixed;
    /* 定位元素水平垂直居中的技巧 */
    left: 50%;
    margin-left: -490px;
    top: 40%;
    margin-top: -261px;
    border: 1px solid #eee;
    /* 将弹框层级设置成一个很大的值，保证它可以盖住其它任何元素 */
    z-index: 9999;
    overflow: auto;
}

/* 弹框透明背景样式 */
.work_send_mask {
    position: fixed;
    /* 设置为固定定位，宽度和高度就可以参照浏览器窗口的大小来设置 */
    width: 100%;
    height: 100%;
    /*height: 100rem;*/
    left: 0;
    top: 0;
    background: darkorange;
    /* 设置该属性为 9998 仅比弹框小一级确保除了弹框之外可以盖住所有元素 */
    z-index: 9998;
    /* 设置元素的透明度 */
    opacity: 0.3;
    /* 透明度兼容 ie 写法 */
    filter: alpha(opacity=60);
}

.work_send_con > .work_send > .work_send_info {
    text-indent: 15px;
}

.work_send_con > .work_send > .work_send_info > hr {
    margin: 5px;
}

.work_send_con > .work_send > .work_send_info > #work_warning {
    font-size: 18px;
    font-weight: bolder;
    color: darkorange;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.work_send_con > .work_send > .work_send_info > .del_work_info {
    width: 100%;
    padding: 10px;
    margin: 10px auto;
}

.work_send_con > .work_send > .work_send_info > .del_work_info > ul > li > span {
    padding: 0 0 0 20px;
}

.weixiu > select, .kuaidi > select {
    height: 30px;
    width: 87%;
    float: right;
    margin-top: -3px;
    text-indent: 10px;
    border-radius: 4px;
    background-color: lightyellow;
}

.kuaidiId > input, .retNum > input {
    width: 87%;
    height: 30px;
    float: right;
    margin-top: -3px;
    text-indent: 10px;
    border-radius: 4px;
}

.statFrom {
    width: 26%;
    height: 30px;
    margin-left: 5px;
    float: left;
}

.choStat {
    height: 26px;
    border-radius: 5px;
    border: 1px solid slateblue;
    background-color: #FFFFBB;
}

.workSearchGroup {
    width: 55%;
    height: 35px;
    border-radius: 4px;
}

.workSearchGroup > .searchInputGroup {
    width: 35%;
    height: 30px;
    float: left;
}

.workSearchGroup > .searchInputGroup > #test-range {
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.workSearchGroup > .searchInputGroup > #test-range > .dateChooseInput {
    width: 50%;
    float: left;
    height: 35px;
}

.workSearchGroup > .searchInputGroup > #test-range > .dateChooseInput > input {
    border-radius: 4px;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: 5px;
    border: 1px solid #eee;
}

.searchWorkGroup {
    float: right;
    width: 65%;
    height: 35px;
}

.searchWorkGroup > .serWork {
    width: 100%;
    height: 35px;
}

.searchWorkGroup > .serWork > .searchWorkInputPanel {
    width: 100%;
    margin: 0;
}

.searchWorkGroup > .serWork > .searchWorkInputPanel > .search_work_input {
    height: 30px;
    margin-right: 5px;
    width: 80%;
    text-indent: 10px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #eee;
}

.searchWorkGroup > .serWork > .searchWorkInputPanel > .serWorkSub {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: Azure;
    width: 15%;
}